<!DOCTYPE html>
<html>
<head>
	<title>需求提交</title>
	<link rel="stylesheet" type="text/css"href="CSSdaima.css">
	<script type="text/javascript" src="js/jquery.js"></script>
	<script type="text/javascript">
		$(function(){
			function cover(e){
				var popup = $(`
					<div class="popup">
						<span class="glyphicon glyphicon-remove popup-close" style="position:absolute;top:20px;right:10px;"></span>
						<h3 class="biaoti"></h3>
						<div class="zhengwen">
							<button class="btn btn-primary data-confirm">确认提交</button>
							<button class="btn btn-default data-cancel">取消</button>
						</div>
					</div>`);
				var mask = $(`<div class="mask"></div>`);
				mask.css({
					backgroundColor:"rgba(0,0,0,.4)",
					position:"absolute",
					top:0,
					left:0,
					width:"100%",
					height:$(window).height()
				}).appendTo($("body"))
				popup.css({
					width:500,
					padding:20,
					backgroundColor:"#fff",
					position:"absolute",
					left:"50%",
					top:"50%",
					transform:"translate(-50%,-50%)"
				}).appendTo($("body"))

				function guanbi(){
					mask.fadeIn()
					popup.fadeIn()
				}
				tijiao.click(function(){
					guanbi();
				})
			}
		})
	</script>
</head>
<body>
	<div class="top">
		<div class="center">
			<div class="nav">
				<img src="picture/02.jpg" class="navt">
				<ul class="navv">
					<li><a href="shouye.html">网站首页</a></li>
					<li><a href="#">传悦资源</a></li>
					<li><a href="anliliebiao.html">传悦案例</a></li>
					<li><a href="#">传悦服务</a></li>
					<li><a href="jiejuefanganliebiao">解决方案</a></li>
					<li><a href="#">需求提交</a></li>
				</ul>
			</div>
			<div class="icon">
				<ul class="icon1">
					<li><a href="#"><img src="picture/07.png"></a> 0535-60652189</li>
					<li><a href="#"><img src="picture/03.png"></a></li>
					<li><a href="#"><img src="picture/05.png"></a></li>
					<li><a href="#"><img src="picture/06.png"></a></li>
					<li><a href="#"><img src="picture/04.png"></a></li>
				</ul>
			</div>
		</div>
	</div>
	
	<div class="view">
		<ul class="last">
			<div class="center">
			<li><a href="#">网站首页</a></li>
			<li> > </li>
			<li><a href="#">需求提交</a></li>
			</div>
		</ul>
	</div>

	<div class="dadk">
		<div class="sub">
			<div class="subz">
				<h1>SUBMISSION REQUIREMENTS</h1>
				<h2>向我们提交您的需求</h2>
			</div>
		</div>
		<div class="sr">
			<div class="srz">
				<p>您的详细信息</p>
					<input class="s1" type="" placeholder="你的姓名">
					<input type="" placeholder="公司名称">
					<input type="" placeholder="联系电话">
					<input type="" placeholder="公司地址">
					<input type="" placeholder="电子邮箱">
					<input type="" placeholder="所在城市">
			</div>
			<div class="sry">
				<p>您的详细需求</p>
				<input class="s1" type="">
			</div>
		</div>
		<div class="sf">
			<div class="sfz">
				<p>是否已拥有网站</p>
					<img class="s" src="picture/62.png">
					<li>是</li>
					<img class="ss" src="picture/63.png">
					<li>否</li>
					<input class="s2" type="" placeholder="http://">
					<img class="s3" src="picture/61.png">
			</div>
		</div>


		<div class="sf">
			<div class="sfz">
				<p>您期待的服务类型</p>
				<img class="s4" src="picture/60.png">
			</div>
			<div class="fa">
				<div class="kk kk1">
					<p class="s5">搜索引擎营销解决方案</p>
				</div>
				<div class="kk">
					<p>电子商务整体解决方案</p>
				</div>
				<div class="kk">
					<p>社会化媒体营销解决方案</p>
				</div>
				<div class="kk">
					<p>精准数字营销解决方案</p>
				</div>
				<div class="kk">
					<p>整合网络营销全案解决方案</p>
				</div>
				<div class="kk">
					<p>网络平台搭建解决方案</p>
				</div>

			</div>
			<div class="sfz">
				<p>您了解到传悦的途径</p>
			</div>
			<div class="sfz sss">
				<!-- <img class="s" src="picture/62.png">
				<li>百度搜索</li>
				<img class="ss" src="picture/63.png">
				<li>google搜索</li>
				<img class="ss" src="picture/63.png">
				<li>新闻博客</li>
				<img class="ss" src="picture/63.png">
				<li>微博</li>
				<img class="ss" src="picture/63.png">
				<li>微信</li>
				<img class="ss" src="picture/63.png">
				<li>社区论坛</li>
				<img class="ss" src="picture/63.png">
				<li>朋友介绍</li>
				<img class="ss" src="picture/63.png">
				<li>会议演讲活动贴</li> -->
				<!-- <img class="ss" src="picture/63.png"> -->
				<!-- <input type="radio" name="a" style=""><span>百度搜索</span> -->
				<input type="radio" name="a" style=""><span>goole搜素</span>
				<input type="radio" name="a" style=""><span>新闻博客</span>
				<input type="radio" name="a" style=""><span>微博</span>
				<input type="radio" name="a" style=""><span>微信</span>
				<input type="radio" name="a" style=""><span>社区论坛</span>
				<input type="radio" name="a" style=""><span>朋友介绍</span>
				<input type="radio" name="a" style=""><span>会议演讲活动贴</span>
				<input type="radio" name="a" style=""><span>其他</span>
				<!-- <li>其他</li> -->
			</div>
			<div class="sfz tj">
				<a href=""><button id="tijiao">提交需求</button></a>
			</div>
		</div>

		<div id="mask"></div>
		<div id="box">
			<h4>你确定删除吗？删除之后无法修复！！！</h4>
			<button id="confirm">确定</button>
			<button id="cancel">取消</button>
		</div>
	</div>

	<div class="zh">
		<div class="zhz">
			<img src="picture/34.png">
			<ul>
				<li><a href="#">关于传悦</a></li>
				<li><a href="#">新闻动态</a></li>
				<li><a href="#">传悦观点</a></li>
				<li><a href="#">联系传悦</a></li>
				<li><a href="#">加入传悦</a></li>
			</ul>
			<div class="xx">
				<li>Copyright ©2013  创梦网络科技有限责任公司  ‖  传悦 Chnyoo.cn All Rights Reserved    京ICP备12005221号
				</li>
			</div>
		</div>
	</div>
</body>
</html>